import { ProLayoutProps } from "@ant-design/pro-components"

/**
 * @name
 */
const Settings: ProLayoutProps & {
  pwa?: boolean
  logo?: string
} = {
  navTheme: "light",
  // 拂晓蓝
  colorPrimary: "#1890ff",
  layout: "top",
  contentWidth: "Fluid",
  fixedHeader: true,
  fixSiderbar: true,
  colorWeak: false,
  title: "恒鼎智能",
  pwa: true,
  logo: "/logo.png",
  iconfontUrl: "",
  token: {
    // 参见ts声明，demo 见文档，通过token 修改样式
    //https://procomponents.ant.design/components/layout#%E9%80%9A%E8%BF%87-token-%E4%BF%AE%E6%94%B9%E6%A0%B7%E5%BC%8F
    header: {
      colorHeaderTitle: "rgba(255, 255, 255, 0.3)",
      colorTextMenu: "rgba(255, 255, 255, 0.6)",
      colorTextRightActionsItem: "rgba(255, 255, 255, 0.6)"
    }
  },
  stylish: {
    header: () => ({
      background: "#001529",
      fontSize: 16,
      ".ant-menu-item": {
        height: "58px",
        lineHeight: "58px",
        fontSize: 16,
        marginLeft: 20
      },
      ".ant-menu-item:hover": {
        backgroundColor: "#6495ED", // 选中项背景色为蓝色
        color: "rgba(255, 255, 255)" // 选中项字体为
      },

      ".ant-menu-item-selected": {
        backgroundColor: "#1890ff", // 选中项背景色为蓝色
        color: "rgba(255, 255, 255, 0.9)" // 选中项字体为
      }
    })
  }
}

export default Settings
